<template>
  <div id="app">
    <CPayWayGroup
      v-model="payway"
      :ways="ways"
      @change="onChange"
    ></CPayWayGroup>
  </div>
</template>

<script>
import CPayWayGroup from "../../src/c-pay-way-group/index.vue";
export default {
  components: { CPayWayGroup },
  data() {
    //吴晓波 //commonresource-1252524126.cdn.xiaoeknow.com/image/lno97m6f0cgg.png
    //品牌app //commonresource-1252524126.cdn.xiaoeknow.com/image/lbkilntx0y7q.png
    //小鹅通app //commonresource-1252524126.cdn.xiaoeknow.com/image/lbkilnu60rqf.png
    //鹅圈子app  //commonresource-1252524126.cdn.xiaoeknow.com/image/lbkilnu60rqf.png
    return {
      payway: null,
      ways: [
        {
          name: "微信支付",
          pay_way: 0,
          pay_enable: 1,
          is_default: 1,
        },
        {
          name: "支付宝",
          pay_way: 10,
          pay_enable: 1,
          is_default: 2,
        },
        {
          name: "鹅贝",
          balance: 100,
          pay_way: 13,
          pay_enable: 1,
          is_default: 2,
          icon: "//commonresource-1252524126.cdn.xiaoeknow.com/image/lno97m6f0cgg.png",
          isInsufficientBalance: false,
        },
        {
          name: "花呗分期",
          pay_way: 14,
          pay_enable: 1,
          is_default: 2,
          hua_bei_installment_select: [
            {
              installment: 3,
              is_interest_free: false,
              installment_activity: "",
              service_fee: 46,
              service_fee_average: 15,
              principal_average: 663,
              repayment_amount_average: 678,
            },
            {
              installment: 6,
              is_interest_free: false,
              installment_activity: "",
              service_fee: 90,
              service_fee_average: 15,
              principal_average: 331,
              repayment_amount_average: 346,
            },
            {
              installment: 12,
              is_interest_free: false,
              installment_activity: "",
              service_fee: 149,
              service_fee_average: 12,
              principal_average: 165,
              repayment_amount_average: 177,
            },
          ],
        },
      ],
    };
  },
  mounted() {},
  methods: {
    onChange(payway, stage) {
      console.log(payway, stage);
    },
  },
};
</script>

<style lang="scss">
#app {
  background-color: gray;
  padding: 0.32rem;
}

html {
  font-size: 50px;
}
</style>
